<template>
    <van-search
        shape="round"
        v-model="value"
        placeholder="请输入搜索关键词"
        @search="onSearch"
        @cancel="onCancel">
        </van-search>
        <HomeSwiper></HomeSwiper>
        <HomeGrid></HomeGrid>
        <HomeProduct></HomeProduct>
        <HomeNew></HomeNew>
        <HomeTop></HomeTop>
</template>

<script setup>
import HomeSwiper from '../components/HomeSwiper.vue';
import HomeGrid from '../components/HomeGrid.vue';
import HomeProduct from '../components/HomeProduct.vue';
import HomeNew from '../components/HomeNew.vue';
import HomeTop from '../components/HomeTop.vue';
import { ref } from 'vue';
import { showToast } from 'vant';

const value = ref('')
const onSearch = val=> showToast(val)
const onCancel = () => showToast('取消')
</script>